@import "common";
@import "layout-config";

.divDialogWall{
    position: absolute;
    left: 0;
    top: $navbar-height;
    /* Actually the height exceeds page bottom. */
    @include full-parent-size;
    background-color: rgba(0, 0, 0, 0.15);
    z-index: $z-index-dialog-wall;
}

.divDialogWrapper {
    @include fixed-center-screen;

    width: $dialog-width;
    height: fit-content;
    background-color: white;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.50);
    border-radius: 10px;
}

.divDialogTitleBar {
    height: 32px;
    padding: 0 8px;
    background-color: rgb(243, 243, 243);

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.lblDialogTitle {
    font-size: 15px;
    color: rgb(102, 102, 102);
}

.divDialogBodyWrapper {
    padding: 10px;
}

.divDialogContentWrapper{
    font-size: 13px;
}

.divYesNoWrapper{
    margin-top: 10px;
}

.btnYesNo{
    font-size: 13px !important;
    margin-left: 5px;

    &:focus{
        box-shadow: none;
    }

    &:active{
        box-shadow: none;
    }
}